<div class='tabbarBox'>
    <ul>
        <!-- 商城 -->
        <li [routerLink]="[ '/tabbar/store' ]" class='store'>
            <img src="../../../assets/images/index/u170.png" alt="商城" class="tabbar-img">
            <div>商城</div>
        </li>
        <!-- 购物车 -->
        <li [routerLink]="[ '/tabbar/cart' ]" class='cart'>
            <img src="../../assets/images/index/u230.png" alt="购物车" class="tabbar-img">
            <div>购物车</div>
            <div class='hadAddNum'>{{hadNum}}</div>
        </li>
        <!-- 加入购物车按钮 -->
        <li class='addCart'>
            <div class='tabab' (click)="addCart()">加入购物车</div>
        </li>
        <!-- 按钮立即购买 -->
        <li [routerLink]="[ '' ]" class='buyNow'>
            <div class='tabab'>立即购买</div>
        </li>
    </ul>
</div>
